.galleria{list-style:none;}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em;}
* html .galleria li div span{width:400px} /* MSIE bug */


.jqmWindow {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	color: #222;
	border-width: 1px;
	border-style: solid;
}
.jqmWindow img{margin:10px 0 10px 10px;cursor:pointer;}


/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
	 Star selector used to hide definition from browsers other than IE6
	 For valid CSS, use a conditional include instead */
* html .jqmWindow {
	 position: absolute;
	 top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* Layout 1 */
.caption{width:464px;position:absolute;bottom:0;padding-left:1px;color:#FFF;opacity: .8;filter: alpha(opacity=40);background-color:#000;min-height:45px;}
.galleria_shade{width:482px;height:50px;position:absolute;bottom:0;}
.gallery_demo{width:180px;height:auto;overflow:auto;scrollbar-base-color: #000;scrollbar-arrow-color:#999;scrollbar-track-color: #000;float:left;padding:0;margin:0;}
.gallery_demo li{width:50px;height:38px;border-width:1px; border-style:solid;margin: 1px;}
.gallery_demo li.active{border-width:2px;margin: 0;border-color: #FFF}
.galleria_max{
	width: 12px;
	height:11px;
	background-image: url(../images/max.gif);
	position: absolute;
	right: 5px;
	bottom: 20px;
	z-index: 4;
	cursor: pointer;
}
.galleria_wrapper{height:358px;width:480px;overflow:hidden; border-bottom:0px solid #000; background-color: #333; text-align:center;display: block; vertical-align: middle; margin-bottom:0;}
.galleria_container{height:360px;width:480px;float:left; position:relative; padding:0px;}
.galleria_arrow{
	width: 71px;
	height:53px;
	background-image: url(../images/arrow.gif);
	position: absolute;
	right: 5px;
	top: 50%;
	z-index: 2;
}
.galleria_hotspot{
	position: absolute;
	width: 482px;
	height: 322px;
	top: 0;
	cursor: pointer;
	background-image: url(../images/spacer.gif);
	z-index: 3;
}
/* Layout 2 */

.navPane{
   
}
.bottom{
   
 }
	
.galleryTable{

 }
	
	  /*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/


/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/


/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items li {
	float:left;
	}

	/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(/Program Files/Neoreef/Gallery/resources/images/arrow/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:4px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

.replaced{}